<template>
  <!-- 出/入库详情 -->
	<div id="record">
    <el-dialog  title="出/入库详情" :visible.sync="active" width="27%" top="3vh">
     <div v-loading="loading" style="width:70%;margin: 0 auto;padding-bottom:20px;">
             <div style="margin-top:10px;" class="tabbox">
                 <p><a style="color:red;">* </a>申请人：{{dataList.createdBy}}</p>
               </div>
                 <div v-if="statec" style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物料编码：{{dataList.goodsSku}}</p>
                 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物品名称：{{dataList.goodsName}}</p>
                 </div>
				 <div style="margin-top:10px;" class="tabbox">
				   <p><a style="color:red;">* </a>创建时间：{{dataList.createdTime}}</p>
				 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>申请数量：{{dataList.amount}}</p>
                 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物品单价：{{dataList.price}}</p>
                 </div>
				 <div style="margin-top:10px;" class="tabbox">
					 <p><a style="color:red;">* </a>物品总价：{{dataList.price * dataList.amount}}</p>
				 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物品类型：{{dataList.type}}</p>
                 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物品尺寸：{{dataList.size}}</p>
                 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>物品型号：{{dataList.model}}</p>
                 </div>
                 <div style="margin-top:10px;" class="tabbox">
                   <p><a style="color:red;">* </a>供应商：{{dataList.provider}}</p>
                 </div>
				<div style="margin-top:10px;" class="tabbox">
				  <p><a style="color:red;">* </a>备注：{{dataList.remarks}}</p>
				</div>
				<div style="margin-top:10px;" class="tabbox">
				  <p><a style="color:red;">* </a>申请原因：{{dataList.reason}}</p>
				</div>
             </div>
    </el-dialog>
  </div>
</template>

<script>
	export default {
		name: '',
		data(){
			return{
				loading:false,
				active: false,
				totals: 0, //总条数
				page: 1,
				sizec: 10,
				ye_s: [10,20],
				sku: "",
				statec: true
			}
		},
		props: {
			dataList:Object
		},
		components:{},
		methods:{
		  qf(){ //取反
			return this.active = !this.active
		  }
		}
	}
</script>

<style scoped="scoped">
.tabbox{
    width:100%;
    height:30px;
    line-height: 30px;
    margin-top:23px;
  }
</style>
